<template>
	<view class="cu-bar bg-white fixed">
		<view class="action">
			<text class="cuIcon-locationfill text-gray"></text> 
			{{city}}
		</view>
		<view class="content text-bold text-center">
			<image class="logo" src="../static/cake-logo.png" mode="heightFix"></image>
		</view>
		<view class="action text-grey">
			<text class="cuIcon-search"></text>
			<text class="cuIcon-sort"></text>
		</view>
	</view>
</template>

<script>
	export default {
		name:"custom-nav",
		data() {
			return {
				
			};
		},
		computed:{
			city(){
				return this.$store.state.location.city
			}
		}
	}
</script>

<style lang="scss">
.logo{
	height: 30upx;
}
</style>